<template>
  <div class="container mx-auto py-6 px-4">
    <div class="mb-6">
      <h1 class="text-2xl font-bold text-gray-800">分钟交易</h1>
      <p class="text-gray-600">实时监控和执行分钟级交易策略</p>
    </div>

    <div class="grid grid-cols-1 lg:grid-cols-3 gap-6">
      <!-- 交易概览 -->
      <div class="lg:col-span-2">
        <div class="bg-white rounded-lg shadow-md p-6">
          <h2 class="text-lg font-semibold mb-4">交易概览</h2>
          <div class="grid grid-cols-2 gap-4">
            <div>
              <p class="text-sm text-gray-500">今日交易量</p>
              <p class="text-2xl font-bold">¥1,234,567</p>
            </div>
            <div>
              <p class="text-sm text-gray-500">盈亏</p>
              <p class="text-2xl font-bold text-green-600">+¥12,345</p>
            </div>
            <div>
              <p class="text-sm text-gray-500">成功率</p>
              <p class="text-2xl font-bold">78.5%</p>
            </div>
            <div>
              <p class="text-sm text-gray-500">平均持仓时间</p>
              <p class="text-2xl font-bold">4.2分钟</p>
            </div>
          </div>
        </div>
      </div>

      <!-- 活跃策略 -->
      <div>
        <div class="bg-white rounded-lg shadow-md p-6">
          <h2 class="text-lg font-semibold mb-4">活跃策略</h2>
          <ul class="space-y-3">
            <li class="flex justify-between items-center">
              <span>动量突破</span>
              <span class="px-2 py-1 bg-green-100 text-green-800 text-xs font-medium rounded-full">运行中</span>
            </li>
            <li class="flex justify-between items-center">
              <span>均线交叉</span>
              <span class="px-2 py-1 bg-green-100 text-green-800 text-xs font-medium rounded-full">运行中</span>
            </li>
            <li class="flex justify-between items-center">
              <span>波动率突破</span>
              <span class="px-2 py-1 bg-yellow-100 text-yellow-800 text-xs font-medium rounded-full">暂停</span>
            </li>
          </ul>
        </div>
      </div>

      <!-- 实时交易记录 -->
      <div class="lg:col-span-3">
        <div class="bg-white rounded-lg shadow-md p-6">
          <h2 class="text-lg font-semibold mb-4">实时交易记录</h2>
          <div class="overflow-x-auto">
            <table class="min-w-full divide-y divide-gray-200">
              <thead class="bg-gray-50">
                <tr>
                  <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">时间</th>
                  <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">股票</th>
                  <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">操作</th>
                  <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">价格</th>
                  <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">数量</th>
                  <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">盈亏</th>
                </tr>
              </thead>
              <tbody class="bg-white divide-y divide-gray-200">
                <tr>
                  <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">14:59:32</td>
                  <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">贵州茅台</td>
                  <td class="px-6 py-4 whitespace-nowrap text-sm text-green-600">买入</td>
                  <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">¥1,789.00</td>
                  <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">100</td>
                  <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">-</td>
                </tr>
                <tr>
                  <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">14:58:45</td>
                  <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">腾讯控股</td>
                  <td class="px-6 py-4 whitespace-nowrap text-sm text-red-600">卖出</td>
                  <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">¥331.20</td>
                  <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">500</td>
                  <td class="px-6 py-4 whitespace-nowrap text-sm text-green-600">+¥2,150</td>
                </tr>
                <!-- 更多交易记录... -->
              </tbody>
            </table>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script setup>
// 组件逻辑
</script>